<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <title>Welcome to NIT Online Judge</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="assets/css/bootstrap.min.css" rel="stylesheet">
    <link href="assets/css/bootstrap-responsive.min.css" rel="stylesheet">
    <link href="assets/css/extra.css" rel="stylesheet">
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
  </head>
  <body data-spy="scroll">
    <div class="navbar navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container">
          <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </a>
          <a class="brand" href="index.html">NIT OnlineJudge</a>
          <div class="nav-collapse collapse">
            <ul class="nav">
              <li class="active"><a href="index.html">Home</a></li>
              <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Problems <b class="caret"></b></a>
                <ul class="dropdown-menu">
                  <li><a href="problemset.html">Problem Archive</a></li>
                  <li><a href="submit.html">Submit Solution</a></li>
                  <li class="divider"></li>
                  <li class="nav-header">Users</li>
                  <li><a href="ranklist.html">View Ranklist</a></li>
                </ul>
              </li>
              <li><a href="status.html">Status</a></li>
              <li><a href="contests.html">Contests</a></li>
              <li><a href="faq.html">Help</a></li>
            </ul>
            <ul class="nav pull-right">
              <li><a href="#">Register</a></li>
              <li><button class="btn btn-danger" type="button" onclick="showLoginModal()">Log In</button></li>
            </ul>
          </div>
        </div>
      </div>
    </div>

    <div class="container">
      <div class="hero-unit">
        <p>Welcome to NOJ! A full-featured amazing online judge platform avaliable now!<br />
        Ningbo Institute of Technology ACM/ICPC Team</p>
      </div>

      <div class="row">
        <div class="span9">
          <section id="problem-section">
            <div class="round-combo">
              <h3>Login</h3>
              <p class="muted">If you haven't registered yet, click "Register" button and create an account.</p>
              <hr>
              <form method="post" action="api/requestLogin.jsp">
                <dl class="dl-horizontal">
                  <dt>Handle</dt>
                  <dd><input name="handle" type="text" placeholder="Username"></dd>
                  <dt>Password</dt>
                  <dd><input name="password" type="password" placeholder="Password"></dd>
                  <dt></dt>
                  <dd>
                    <label class="checkbox">
                      <input type="checkbox"> Remember me for a month
                    </label><br>
                  </dd>
                  <dd>
                    <button class="btn btn-primary" type="submit">Login</button>
                    <button class="btn" type="button">Register</button>
                  </dd>
                </dl>
              </form>
            </div>
          </section>

        </div>
        <div class="span3">
          <div class="well sidebar-nav">
            <ul class="nav nav-list">
              <li class="nav-header">Navigation</li>
              <li class="active"><a href="index.html">Home</a></li>
              <li><a href="problemset.html">Browse problemset</a></li>
              <li><a href="status.html">Status online</a></li>
              <li><a href="contests.html">Recent contests</a></li>
              <li><a href="faq.html">Help</a></li>
            </ul>
          </div>
          <table class="table table-bordered">
            <thead>
             <tr>
               <th>Hyper Search</th>
             </tr>
            </thead>
            <tbody>
             <tr>
               <td>
                  <div class="input-append">
                    <input class="span2" id="keywords" type="text">
                    <div class="btn-group">
                      <button class="btn dropdown-toggle" data-toggle="dropdown">Do <span class="caret"></span></button>
                      <ul class="dropdown-menu">
                        <li><a href="#" onclick="calculateExpression()">Calculate expression</a></li>
                        <li class="divider"></li>
                        <li><a href="#">Goto problem</a></li>
                        <li><a href="#">Search problem</a></li>
                        <li><a href="#">Google it!</a></li>
                        <li class="divider"></li>
                        <li><a href="#">Show userinfo</a></li>
                      </ul>
                    </div><!-- /btn-group -->
                  </div><!-- /input-append -->
               </td>
             </tr>
            </tbody>
          </table>
        </div>
      </div>

    </div> <!-- /container -->

    <footer class="footer">
      <div class="container">
        <p>Copyright © 2012-2015 Ningbo Institute of Technology ACM/ICPC Team.</p>
        <p>Anything about the OnlineJudge, please contact administrators.</p>
        <p>Links: <a href="#" target="_blank">About OJ</a> | <a href="#" target="_blank">F.A.Q</a> | <a href="#" target="_blank">Contributors</a> | <a href="#" target="_blank">Administrators</a></p>
        <p>Powered by NIT-OnlineJudge v3.0 Nightly Build.</p>
      </div>
    </footer>

    <script src="assets/js/jquery.min.js"></script>
    <script src="assets/js/bootstrap.min.js"></script>
    <script src="assets/js/noj.func.js"></script>
    <!-- reserved for mathjax plugin -->
  </body>
</html>